<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/wx.css" rel="stylesheet">
    <title>维修反馈</title>
    <script src="js/repair.js"></script>
</head>
<body>

<div class="row row-box" style="margin-top: 10px">
    <div class="row-center" style="padding: 10px">
        <div class="col-xs-3">
            <img src="images/Tulips.jpg" class="img-responsive">
        </div>
        <div class="col-xs-6" style="padding-left: 10px">
            <span class="row span-name">直线加速器</span>
            <span class="span-value">型号：X5965</span>
        </div>
        <a class="col-xs-3 text-right span-value" style="margin: 16px 0">详情<span class="glyphicon glyphicon-menu-right"></span></a>
    </div>
</div>

<div class="row-box">
    <div class="row-center row-info">
        <span class="col-xs-6 span-name">科室房间</span>
        <span class="col-xs-6 span-value right-align"></span>
    </div>
</div>
<div class="row row-box" style="border-top: 1px solid #F3F3F3">
    <div class="row-center row-info">
        <span class="col-xs-6 span-name">设备编号</span>
        <span class="col-xs-6 span-value right-align"></span>
    </div>
</div>

<!--需提交信息（用户输入）-->
<form action="{:U('Device/report_adds')}" enctype="multipart/form-data" method="POST">
    <div class="row row-box" style="margin-bottom: 0">
        <div class="row-center row-radio">
            <span class="col-xs-6">是否更换配件:</span>
            <label for="check1" class="btn col-xs-3">是</label>
            <label for="check2" class="btn col-xs-3 active">否</label>
            <input id="check1" hidden="hidden" value="yes" type="radio" name="components">
            <input id="check2" hidden="hidden" value="" type="radio" name="components" checked>
        </div>
    </div>
    <div class="row row-box" style="border-top: 1px solid #F3F3F3">
        <div class="row-center row-input hide" id="components">
            <span class="col-xs-4 span-name" style="padding: 0">更换部件：</span>
            <input class="col-xs-8 span-value text-center" type="text" name="report_name">
        </div>
    </div>
    <div class="row row-box">
        <div class="row-center">
            <textarea class="form-control nec" name="report_message" placeholder="请添加故障排除描述"></textarea>
        </div>
    </div>
    <!--上传的图片预览，点击预览图更换图片-->
    <!--上传的图片预览，点击预览图更换图片-->
    <div class="row row-box">
        <div class="row-center row-img" style="padding-top: 10px;padding-bottom: 10px">
            <span class="pull-left" style="width: 24%">添加照片</span>
            <img id="img1" class="pull-left" style="width: 24%">
            <img id="img2" class="pull-left" style="width: 24%">
            <img id="img3" class="pull-left" style="width: 24%">
            <img id="getImg" src="images/addImg.png" class="pull-left" style="width: 24%">
            <input type="file" id="getImg1" name="image1" class="hide" accept="image/*">
            <input type="file" id="getImg2" name="image2" class="hide" accept="image/*">
            <input type="file" id="getImg3" name="image3" class="hide" accept="image/*">
        </div>
    </div>
    <div class="row">
        <div style="width: 48%;display: inline-block">
            <a class="btn waves-light waves-effect" style="width: 100%">返回</a>
        </div>
        <div style="width: 48%;display: inline-block" class="right">
            <button type="submit" class="btn" style="width: 100%">提交</button>
        </div>
    </div>
</form>
</body>
</html>